<template>  
 <div>
   <el-button type="primary" @click="axiosTest">axios test</el-button>
 </div>
</template>

<script>
import axios from 'axios'
export default {
  name: 'Test',
  data() {
    return {
    }
  },
  methods: {
    axiosTest() {
      axios.get('/payload/test',{ timeout: 1000 })
       .then(response => {
          console.log(response.data)
        })
       .catch(error => {
          console.log(error)
        })
    }
  },
  created() {
  }
}
</script>
<style scoped>
.demonstration {
  color: var(--el-text-color-secondary);
}

.el-carousel__item h3 {
  color: #475669;
  opacity: 0.75;
  line-height: 200px;
  margin: 0;
  text-align: center;
}

.el-carousel__item:nth-child(2n) {
  background-color: rgb(29, 31, 35)bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #292b2e;
}
</style>